
page {
  position: relative;
  width: 100%;
  height: 100%;
}

.login-container {
  position: relative;
  height: 100%;
  width: 100%;
  padding-top: 50%;
  box-sizing: border-box;
}
.content {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.c-logo {
  display: block;
	height: 150rpx;
  width: 100%;
}

view.msg {
  font-size: 24rpx;
  color: #666;
  width: 100%;
  text-align: center;
  margin-top: 10rpx;
}

view.title {
  font-size: 28rpx;
  color: #333;
  width: 100%;
  text-align: center;
  margin-top: 20rpx;
}

button {
  margin-top: 30rpx;
  width: 450rpx;
  height: 85rpx;
  line-height: 85rpx;
  color: #fff;
}

.button-hover {
  background-color: #fff;
  color: #0ab906;
}

button::after{
  border: 0 !important;
}
.authorized-btn {
  width: 88%;
  margin: 0 auto;
  text-align: center;
  background-color: #0ab906;
  border: 1rpx solid #0ab906;
  color: #fff;
  border-radius: 6rpx;
  font-size: 26rpx;
}

.login-phone {
  width: 100%;
  margin: 50rpx auto 30rpx auto;
}

.login-bottom {
  position: absolute;
  bottom: 5%;
  left: 6%;
  display: flex;
  justify-content: space-between;
  width: 88%;
}

.bottom-btn {
  background: #fff;
  border: 1rpx solid #e43130;
  color: #e43130;
}

.bottom-btn:last-child {
  margin-left: 6%;
  color: #000;
  border: 1rpx solid #000;
}

.bind-tips {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 20%;
  left: 0;
}

.user-info{
  margin: auto;
}
.head-img{
	display:block; 
	overflow:hidden; 
	border-radius: 50%;
	width: 156rpx;
	height: 156rpx;
  margin: 0 auto;
}
.userNickName{
  display:block; 
  margin: 20rpx 0 180rpx 0;
  text-align: center;
}
	
.hole-btn{
	border: 1rpx solid #0ab906;
	color: #0ab906;
	background-color: #fff;
}

.back-con{
	display: flex;
	justify-content: flex-end;
}

.back{
	width: 100%;
	padding: 0 50rpx;
	text-align: right;
	color: #999;
	font-size: 26rpx;
}